<!DOCTYPE html>
<html>
  <head>
   
	
   <meta charset="utf-8"/>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<title>浏览日志</title>
</head>

<body>
	<div id="bodydiv" style="width:900px;margin:auto;">
	
	
	
	
	
	<div>
		<div style="float:left">
			<h3 class="text-muted" float="left">欢迎使用名片管理系统</h3>
		</div>
		<div style="float:right;margin-top:22px;margin-right:10px">
			<ul class="nav nav-pills nav-justified">
				<li>当前用户：######</li>
			</ul>
		</div>
	</div>

	<br> <br> <br>

	<div id="daohangdiv" style="margin-top:4px;" >
		<ul class="nav nav-pills nav-justified">
			<li id="card_management" ><a href="#">名片信息管理</a></li>
			<li><a id="group" href="#" target="content">名片组管理</a></li>
			<li><a href="#" target="content">添加名片</a></li>
			<li class="active"><a href="#" target="content">浏览日志</a></li>
			<li><a href="#" target="content">同一人物设定</a></li>
			<li><a href="#" target="content">公司/部门视图</a></li>
			<li><a href="#" target="content">文件导出</a></li>
			<li><a href="#" target="content">个人信息</a></li>
			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li><a href="#" target="_blank">退出系统</a></li>
		</ul>
	</div>
	
	
	
	
		
		<div id="viewdiv" style="background-color:#efefef;height:170px">
			<p>
				<strong>浏览日志检索</strong>
			</p>
			<p></p>

			<div style="width:400px;float:left">
				<p>
					<span>公司名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input
						id="cmpname" type="text">
				</p>
				<p>
					<span>名片姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input
						id="name" type="text">
				</p>
				<p>
					<span>访问者姓名:&nbsp;&nbsp;</span><input id="name1" type="text">
				</p>
			</div>

			<div style="width:410px;float:right">
				<p>
					<span>检索日期: </span> <input style="width:95px" id="cmpname"
						type="text"> <span>--</span> <input style="width:95px"
						id="name" type="text">&nbsp;&nbsp;&nbsp;
					<button type="button" class="btn btn-primary btn-sm">&nbsp;检索&nbsp;</button>
				</p>
			</div>

		</div>
		<hr></hr>


		<div id="tablediv" style="height:300px;margin:auto;">
			<table class="table table-bordered table-hover">
				<tbody>
					<tr>
						<th>访问时间</th>
						<th>被访问者</th>
						<th>被访问者公司</th>
						<th>访问者</th>
						<th>访问者公司</th>
					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
					<tr>

						<td>你猜</td>
						<td>张三疯</td>
						<td>日本测试部</td>
						<td>haha</td>
						<td>软件测试部</td>

					</tr>
				</tbody>
			</table>
		</div>
		
		<div class="pagination pagination-right">
  <ul>
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>
		</div>
</body>
</html>
